// 不能通过变量实现的naive组件样式在此处修改

/* ***************button*************** */
// primary渐变样式
.n-button.n-button--warning-type:not(.n-button--disabled),
.n-button.n-button--primary-type:not(.n-button--disabled) {
  background: linear-gradient(to right, #1d6cfc, #1d32fc);

  .n-button__content {
    z-index: 1;
  }
}

.n-button.n-button--warning-type::before,
.n-button.n-button--primary-type::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(to right, #1d32fc, #1d6cfc);
  border-radius: 3px;
  content: '';
  opacity: 0;
  transition: opacity .5s;
}

.n-button.n-button--warning-type:hover::before,
.n-button.n-button--primary-type:hover::before {
  opacity: 1;
}

.n-button.n-button--warning-type.n-button--disabled::before,
.n-button.n-button--primary-type.n-button--disabled::before {
  content: none;
}

.n-button--loading {
  opacity: .38;
}

/* ***************Data Table*************** */
.n-data-table-wrapper {
  border-bottom: 2px solid #4c5466;
}

// .n-data-table .n-data-table-thead .n-data-table-tr { // 表头字号
//   font-size: 14px;
// }
.n-data-table .n-data-table-td {
  height: 42px;
  padding: 0 12px;
}

.n-data-table .n-data-table-th {
  height: 42px;
  padding: 5px 12px;
}

.n-data-table .n-data-table-th--sortable .n-data-table-th__title-wrapper .n-data-table-th__title {
  flex: none;
}

// .n-data-table{
// 	.n-data-table-td--fixed-right{
// 		background-color: #343946;
// 	}
// }

/* ***************Input,Select,DatePicker*************** */
.n-date-panel .n-date-panel-month-calendar .n-date-panel-month-calendar__picker-col-item:not(.n-date-panel-month-calendar__picker-col-item--disabled).n-date-panel-month-calendar__picker-col-item--selected {
  color: rgba(255, 255, 255, 82%);
}

/* ***************CheckBox*************** */
.n-checkbox.n-checkbox--checked .n-checkbox__label {
  color: #4f8dff;
}

.n-checkbox.n-checkbox--inside-table .n-checkbox-box {
  background-color: transparent;
}

.n-checkbox.n-checkbox--checked .n-checkbox-box,
.n-checkbox.n-checkbox--indeterminate .n-checkbox-box {
  background-color: #1d6cfcff;
}

/* ***************CheckBox*************** */

.n-tree {
  .n-tree-node.n-tree-node--highlight .n-tree-node-content .n-tree-node-content__text {
    border: none;
  }

  .n-tree-node-content .n-tree-node-content__text {
    border: none;
  }

  .n-tree-node-wrapper {
    padding: 0;

    .n-tree-node {
      align-items: center;
      height: 29px;
      line-height: 29px;
    }

    .n-tree-node--selected {
      background: linear-gradient(to right, #1d6cfc, #1d32fc);
    }
  }
}